import { Outlet } from 'react-router-dom';
import styles from './layouy.module.scss';
import { GiBasketballBasket } from 'react-icons/gi';
import { CgProfile } from 'react-icons/cg';

export const Layout = () => {
	const isTrue = false;
	const isAuth = false;
	return (
		<div className={styles.beforeContainer}>
			<div className={styles.container}>
				{isAuth ? (
					<p>Регистрация/Авторизация</p>
				) : (
					<>
						<div className={styles.basket}>
							<GiBasketballBasket size={50} color={isTrue ? '#ffa500' : ''} />
						</div>
						<div className={styles.profile}>
							<CgProfile size={50}/>
						</div>
					</>
				)}
			</div>
			<div className={styles.outlet}>
				<Outlet />
			</div>
		</div>
	);
};
